<!DOCTYPE html>

<html>

  <head>

    <meta content="text/html; charset=UTF-8" http-equiv="content-type">

    <link media="all" type="text/css" href="css/seat_style.css" rel="stylesheet">

	<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>

	<script>
		$(document).ready(function(){

		});
	</script>

  </head>

  <body>
	<div id="title" align="center"><h2>Purchase Summary</h2></div>
        <div id="errorMessage">${topDisplayMsg}</div>
	<div id="info" align="center">
		<table>
			<tr>

				<td class="infoTitle">Movie</td>

				<td class="infoDetail">${unpaidRecord.movieName}</td>

			</tr>
            
            <tr>

				<td class="infoTitle">Purchase Time</td>

				<td class="infoDetail">${unpaidRecord.purchaseTime}</td>

			</tr>

			<tr style="display:${isRegistered}">

				<td class="infoTitle">Used Loyalty Point</td>

				<td class="infoDetail">${unpaidRecord.usedLoyaltyPoint}</td>

			</tr>
            
            <tr>

				<td class="infoTitle">Total Price</td>

				<td class="infoDetail">${unpaidRecord.totalPrice}</td>

			</tr>

		</table>

	</div>

	<div id="#seatTableContainer" align="center">

	  <form name="" method="get" action="Purchase.do">
             <input type="hidden" name="unpaidRecordID" value="${unpaidRecord.recordID}">
             <input type="hidden" name="action" value="confirmPayment">
             <input type="submit" name="confirm" value="Pay"></p>

	  </form>

      

    </div>

  </body>

</html>

